<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>移动端布局--黑马面面</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/mnms.css">
    <!-- 弹窗插件 -->
    <link rel="stylesheet" href="./css/dialog.css">
</head>
<body>
    <!-- 头部区域 -->
    <header class="header">模拟面试</header>
    <!-- 内容 -->
    <nav class="nav">
        <a href="#" class="item">
            <img src="./images/ms_sj.png" alt="">
        </a>
        <a href="#" class="item">
            <img src="./images/ms_fx.png" alt="">
        </a>
        <a href="#" class="item">
            <img src="./images/ms_qy.png" alt="">
        </a>
    </nav>

    <script src="./js/flexible.js"></script>
    <!-- 弹窗插件 -->
    <script src="./js/zepto.min.js"></script>
    <script src="./js/dialog.js"></script>
    <script>
        $(document).dialog({
            titleText: '系统将自动生成企业面试题',
            content: '请在30分钟内作答完毕并提交超时系统将自动提交',
            position: 'center',
        });
    </script>
</body>
</html>